
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/><meta name="format-detection" content="telephone=no"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>烟台公安手机APP下载</title>
    <style>
        img{ border:0px;}
        html,body{ width:100%; height:100%;}
        body{ background:url(../images/backg.png) repeat left top; height:100%;}
        .download_main{ width:75%; overflow:hidden; padding-bottom:30px; margin:0 auto; margin-top:14%;}
        .download_main .text_tit{ width:100%; float:left; }
        .download_main .text_tit img{ width:100%; }
        .download_main .qr_code{ width:100%;  float:left; margin-top:2%;}
        .download_main .qr_code img{ width:100%;}
        .download_main .ewm_tit{ width:100%;float:left; margin-top:6%;}
        .download_main .ewm_tit img{ width:50%; float:left; margin-left:25%;}
        .download_main .android{ width:100%; float:left; margin-top:6%;}
        .download_main .android img{ width:100%;}
        .download_main .android a{ width:100%; height:100%; display:block; cursor:pointer}
        .download_main .ios{ width:100%; float:left; margin-top:6%;}
        .download_main .ios img{ width:100%;}
        .download_main .ios a{ width:100%; height:100%; display:block; cursor:pointer}
        .download_mask{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:1;}
        .download_ws{ width:60%; position:absolute; top:3%; right:3%; z-index:2;}
        .download_ws img{ width:100%;}
    </style>
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript">
        window.onload = function(){
            if(isWeiXin()){
                document.getElementById("weixin").style.display = "block";
                document.getElementById("app").style.display = "none";
            }else{
                document.getElementById("weixin").style.display = "none";
                document.getElementById("app").style.display = "block";
            }
        }

        function isWeiXin(){
            var ua = window.navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                return true;
            }else{
                return false;
            }
        }


        function doAfterClick(){
            location.href="http://zwfw.ytga.gov.cn/apk/ytga.apk";

            /*$.ajax({

                url:"https://zwfw.ytga.gov.cn/econsole/api/app/download?type=2",
                type:"get",
                success:function(data){
                    if(data.succ){
                        location.href="http://gawx.daqing.gov.cn/econsole/upload/app/DQPoliceApp.apk";
                    }
                }
            });*/
        }
        function doIosClick(){

            location.href="https://www.pgyer.com/97K4";
            /*$.ajax({

                url:"https://zwfw.ytga.gov.cn/econsole/api/app/download?type=1",
                type:"get",
                success:function(data){
                    if(data.succ){
                        location.href="https://itunes.apple.com/us/app/ping-an-da-qing/id1179607299?l=zh&ls=1&mt=8";
                    }
                }
            });*/
        }

    </script>
</head>

<body>
<div id="app" style="display:none" class="download_main">
    <div class="text_tit"> <img src="../images/download_tit.png"/> </div>
    <div class="qr_code"> <img src="../images/qr_code.png"/> </div>
    <div class="ewm_tit"> <img src="../images/ewm_tit.png"/> </div>
    <div class="android"> <a href="javascript:doAfterClick();"><img src="../images/android.png"/></a> </div>
    <div class="ios"> <a href="javascript:doIosClick();"><img src="../images/ios.png"/></a> </div>
</div>

<div id="weixin" style="display:none">
    <div class="download_main">
        <div class="text_tit"> <img src="../images/download_tit.png"/> </div>
        <div class="qr_code"> <img src="../images/qr_code.png"/> </div>
        <div class="ewm_tit"> <img src="../images/ewm_tit.png"/></div>
        <div class="android"> <a href="#"><img src="../images/android.png"/></a> </div>
        <div class="ios"> <a href="#"><img src="../images/ios.png"/></a> </div>
    </div>
    <!--遮罩层-->
    <div class="download_ws"><img src="../images/wx.png"/></div>
    <div class="download_mask"></div>
</div>
</body>
</html>
